<script setup>
defineProps({
  resourceData: {
    type: Object,
    default: () => ({})
  }
})
</script>

<template>
  <div class="px-2">
    <span class="pr-2 truncate max-w-[180px]" :title="resourceData.brName">{{ resourceData.brName }}</span>
    <span class="gray-text">{{ resourceData.brXb }}</span>
    <span class="gray-text">{{ resourceData.brAge }}</span>
  </div>
</template>
<style lang="less" scoped>
.gray-text {
  @apply pr-2 text-gray-400 text-xs;
}
</style>
